<script lang="ts" setup>
import {ref} from 'vue'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import editModel from './components/handle.vue'
const showEdit = ref(false)

const openEdit = ()=> {
  showEdit.value = true
}
const closeEdit = ()=> {
  showEdit.value = false
}
</script>

<template>
  <div>
    <el-tooltip effect="dark" content="修改密码" placement="bottom">
      <el-icon :size="20">
        <el-icon @click="openEdit"><Edit /></el-icon>
      </el-icon>
    </el-tooltip>

    <editModel v-if="showEdit" @success="closeEdit" @cancel="closeEdit"></editModel>
  </div>
</template>
